<template>
  <div class="jiyin">
     <div class="picture">
      <a data-v-507da662="" href="https://mall.ikang.com/special/110"
        ><img
          data-v-507da662=""
          data-default="https://static-newmall.health.ikang.com/img/Pic_ProductDefualt@2x.0560f5be.png"
          src="https://static-upyunmall.health.ikang.com/image/banner/20200909/e458ad866fa04062a1467c8a23ae9e28.jpg!/format/webp"
      /></a>
    </div>
    <div class="kong">
    <router-link 
        to="/jiyin/jymoren"
        custom
        v-slot="{href, route, navigate, isActive, isExactActive}"
      >
        <NavLink :isActive="isActive" @click.native="navigate">默认</NavLink>
      </router-link>
          <router-link 
        to="/jiyin/jyxiaoliang"
        custom
        v-slot="{href, route, navigate, isActive, isExactActive}"
      >
        <NavLink :isActive="isActive" @click.native="navigate">销量</NavLink>
      </router-link>
          <router-link 
        to="/jiyin/jyjiage"
        custom
        v-slot="{href, route, navigate, isActive, isExactActive}"
      >
        <NavLink :isActive="isActive" @click.native="navigate">价格</NavLink>
      </router-link>
      <div>
   <van-cell @click="showPopup">筛选</van-cell>
   <van-popup v-model="show" position="right" :style="{ height: '100%', width:'80%' }" >内容</van-popup>
      
      </div>
    </div>
 
<router-view></router-view>

  </div>
</template>

<script>
import Vue from 'vue';
import {Popup} from 'vant';
import {cell} from 'vant';
Vue.use(Popup);
Vue.use(cell);

import NavLink from '../../../components/NavLink.vue'
export default {
  components: {
    NavLink
  },
  data() {
    return {
      show: false,
    };
},



  methods: {
    showPopup() {
      this.show = true;
    },
  },
};


</script>
<style lang='stylus'>
.jiyin
  height 100%
  overflow-y scroll 
  img 
    vertical-align middle
    width 100%
    height 1.5rem


.picture 
  width 3.45rem
  height 1.5rem
  margin 0 0.15rem 0 0.15rem

.kong
  display: flex;
  justify-content:left;
  height:0.48rem
.kong > div 
  height 0.48rem
  width 0.94rem
  line-height 0.48rem
  text-align center
  font-size 16px
</style>
<style lang='stylus'>
.van-cell
 line-height 33px
 font-size 16px
</style>